<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>雷谛净水器-用户中心</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="style/reset.css" /> 
<link rel="stylesheet" type="text/css" href="style/root.css" /> 
<link rel="stylesheet" href="fonts/font-awesome.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/toogle.js"></script> 
</head>
<body>
   
    <!-- start header -->
      <div id="header">
         <img src="img/logo.png" width="120" height="40" alt="logo" class="logo" />
          <a href="javascript:void(0)" onclick="WeixinJSBridge.call('closeWindow');" class="button back"><img src="img/wechat-button.png" width="17" height="18" alt="icon" /></a>
          <a href="#" class="button create"><img src="img/user.png" width="16" height="16" alt="icon"/></a>
        <div class="clear"></div>
</div>
    <!-- end header -->   
    
    
    <!-- start page -->
    <div class="page">
    
    		
            <div class="simplebox">
            	<h1 class="titleh">我要换芯</h1>
                <div class="content">
                  <form id="form12" name="form1" method="post" action="">
                    <h5>当前装机信息</h5>
                    <ul class="list-plus">
                      <li><b>型号：</b> RO-6</li>
                      <li><b>地址：</b> 杭州市下沙九堡相江公寓</li>
                      <li><b>初装日期：</b> 2014 12.12</li>
                    </ul>

                    <div class="form-line">
                      <label class="st-label">期望上门时间</label>
                      <select name="select" id="select">
                        <option>不限</option>
                        <option>三天内</option>
                        <option>一周内</option>                 
                        <option>二周内</option>                
                      </select>
                    </div>
                    <div class="form-line">
                      <label><input type="radio" name="radio" id="radio1" value="radio1" />下班后</label>
                      <label><input type="radio" name="radio" id="radio1" value="radio2" />周末</label>
                      <label><input type="radio" name="radio" id="radio1" value="radio3" />不限</label>
                    </div>    

                    <div class="form-line">
                      <label class="st-label">所换滤芯</label>
                      <select name="select" id="select">
                        <option>一级：dsfj</option>
                        <option>二级：dsfj</option>
                        <option>三级：dsfj</option>                 
                        <option>四级：dsfj</option>                
                        <option>五级：dsfj</option>                
                      </select>
                    </div>
                    <div class="form-line">
                      <label class="st-label">滤芯来源</label>
                      <select name="select" id="select">
                        <option>存于家中的滤芯</option>
                        <option>寄存服务中心的滤芯</option>
                        <option>现购现付一根滤芯</option>          
                      </select>
                    </div>

                    <div class="form-line">
                    <input type="submit" name="button" id="button" value="&nbsp;提 交&nbsp;" class="submit-button" />
                    <input type="submit" name="button" id="button2" value="&nbsp;返 回&nbsp;" class="reset-button" />
                    </div>

                  </form>


                </div>
      </div>
            
            
            
            
            
            
            <!-- start top button -->
            <div class="topbutton"><a href="#header"><span>Top</span></a></div>
            <!-- end top button -->
            
            
            
            <!-- start footer -->
            <div class="footer">
            © 2014 - 2015  邦顶科技 <a href="http://www.o2bang.com">www.o2bang.com</a> </div>
            <!-- end footer -->
            
            
            
    
    <div class="clear"></div>
    </div>
    <!-- end page -->
<script type="text/javascript" src="js/frame.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".agreement").click(function(){
    $(".agreement_content").slideToggle();
  });
});

$("#slideup").click(function(){
  $(".agreement_content").slideUp();
});
</script>
</body>
</html>